﻿<!DOCTYPE html>
<!-- saved from url=(0051)http://www.jq22.com/demo/MeiTuan20151106/index.html -->
<html lang="en"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
   <meta charset="UTF-8"> 
  <title>DACP数据门户</title> 
 
  <link rel="stylesheet" href="${mvcPath}/dacp-view/aijs/css/ai.css" type="text/css" />
  <link href="${mvcPath}/dacp-res/catalog/common/css/ai.meta.css" type="text/css" rel="stylesheet"/>
  <link href="${mvcPath}/dacp-lib/fuelux/fuelux.min.css" type="text/css" rel="stylesheet" media="screen"/>

  <link rel="stylesheet" type="text/css" href="${mvcPath}/dacp-res/catalog/common/css/search.css"> 

  <script type="text/javascript" src="${mvcPath}/dacp-lib/jquery/jquery-1.10.2.min.js"></script>
  <script  src="${mvcPath}/dacp-lib/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="${mvcPath}/dacp-lib/underscore/underscore-min.js"></script>
  <script src="${mvcPath}/dacp-res/catalog/common/js/jquery.tmpl.min.js"></script>
  <script src="${mvcPath}/dacp-lib/jquery-plugins/jquery-contextMenu.js"></script>
  <script src="${mvcPath}/dacp-lib/fuelux/fuelux.min.js"></script>
  
 <script src="${mvcPath}/dacp-lib/cryptojs/aes.js" type="text/javascript"></script>
<script src="${mvcPath}/crypto/crypto-context.js" type="text/javascript"></script>
<script src="${mvcPath}/dacp-view/aijs/js/ai.core.js"></script>
<script src="${mvcPath}/dacp-view/aijs/js/ai.jsonstore.js"></script>

<script src="${mvcPath}/dacp-view/aijs/js/ai.grid.ux.js"></script>
 <script src="${mvcPath}/dacp-res/catalog/common/js/ai.meta.widget.js"></script>
<script src="${mvcPath}/dacp-res/catalog/common/js/parabola.js"></script>
<script src="${mvcPath}/dacp-res/catalog/common/js/jquery.isotope.js"></script>
<script src="${mvcPath}/dacp-res/catalog/common/js/ai.widget.js"></script>
 <!-- <script src="${mvcPath}/dacp-res/datastore/js/config.js"></script> -->
 <script src="${mvcPath}/dacp-res/catalog/dacpstore/js/search.js"></script>
 <script src="${mvcPath}/dacp-res/catalog/common/plugin/jquery.sparkline.min.js"></script>	
  <script src="${mvcPath}/dacp-res/catalog/dacpstore/js/dagIndex.js"></script>
 <style>
 * { margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; background: #eee; }
 
 #page-wrap { width: 2300px; padding: 0 0 0 15px; margin: 0 auto; overflow: scroll; height: 100%; }

.info-col { float: left; width: 132px; height: 100%; overflow: hidden; border-right: 1px solid white;}
.info-col h2 { text-align: center; font-weight: normal; padding: 25px 0;font-size: 15px; }
.info-col .panel{margin-bottom:2px}
.image { height: 100px; text-indent: -9999px; display: block; border-right: 1px solid white; }

.batman { background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.spiderman { background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.aquaman { background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.ironman { background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.superman { background: url(/me/dacp-res/images/clock.png) center center no-repeat; }

.good { background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.alert{ background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.error{ background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
.bad{ background: url(/me/dacp-res/images/clock.png) center center no-repeat; }
 
dl { }
dt { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
dd { position: absolute; left: -9999px; top: -9999px;   background: #900; padding: 10px; color: white; border-right: 1px solid white; }

dt:nth-of-type(1) { background: #b44835; }
dd:nth-of-type(1) { background: #b44835; }

dt:nth-of-type(2) { background: #ff7d3e; }
dd:nth-of-type(2) { background: #ff7d3e; }

dt:nth-of-type(3) { background: #ffb03b; }
dd:nth-of-type(3) { background: #ffb03b; }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }
 
.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }

 

</style>
 
 <script>
 


 $(document).ready(function() {
	 console.log(stdstore);
	 buildDagHtml();
	 buildInfoGrid();
	 sparkGraph();
     });
 </script> 
 </head> 
 <body> 
 
      <div id="page-wrap">
	
		<div class="info-col curCol">
 
    		<a class="" href="#">
    		<section class="panel panel-default"> 
   <header class="panel-heading font-bold"> 总体情况  </header> 
   <div class="bg-light dk wrapper"> 
    <span class="pull-right h4"><small style="position: absolute;margin-top: 20px;">问题数</small><font color="red">23</font></span> 
    <span class="h4"><small style="position: absolute;margin-top: 20px;">未受控</small><font color="red">540</font></span> 
    <div class="text-center m-b-n m-t-sm"> 
     <div class="sparkline" data-type="line" data-height="65" data-width="310px" data-line-width="2" data-line-color="#dddddd" data-spot-color="#bbbbbb" data-fill-color="" data-highlight-line-color="#fff" data-spot-radius="3" data-resize="true">
     280,320,220,385,450,320,345,250,250,250,400,380
     </div> 
    </div> 
   </div> 
   <div class="panel-body"> 
    <div class="row"> 
     <div class="col-xs-4"> 
      <small class="text-muted block">总实体数</small> 
      <span>11500</span> 
     </div> 
     <div class="col-xs-4"> 
      <small class="text-muted block">总规则数</small> 
      <span>12600</span> 
     </div> 
     <div class="col-xs-4"> 
      <small class="text-muted block">受控数</small> 
      <span>400</span> 
     </div> 
    </div> 
   </div> 
  </section>
    		</a>
    		
    		<dl>
    		  <dt class="row">
    		     <div class="col-xs-4">表</div>
    		     <div class="col-xs-4"> <small class="text-muted" >受控数</small> <span>33</span></div>
    		     <div class="col-xs-4"> <small class="text-muted ">问题数</small> <span>33</span></div>
    		   </dt>
    		  <dd><p>设置规则数：40</p><p>未受空的数：304</p><p>已受控数据：679</p>存在问题数：890</dd>
    		  <dt class="row">
    		   <div class="col-xs-4">指标</div>
    		     <div class="col-xs-4"> <small class="text-muted" >受控数</small> <span>33</span></div>
    		     <div class="col-xs-4"> <small class="text-muted ">问题数</small> <span>33</span></div>
    		  </dt>
    		  <dd>总数:39,问题数：393</dd>
    		  <dt>接口</dt>
    		  <dd>总数:39,问题数：393</dd>
    		  <dt>OpenApi</dt>
    		  <dd>总数:39,问题数：393</dd>
    		  <dt>程序</dt>
    		  <dd>总数:39,问题数：393</dd>
    		  <dt>分发</dt>
    		  <dd>总数:39,问题数：393</dd>
    		</dl>
		
		</div>
</div>

</body></html>